.marginAuto {
  width: 100%;
}

.header {
  position: fixed;
  z-index: 99;
  width: 100%;
}

.header .top .tel {
  font-size: .28rem;
}

.header .top .tel img {
  width: .3rem;
  margin-right: .1rem;
}

.header .nav {
  height: 70px;
  padding: 0 .24rem;
}

.header .nav .logo img {
  width: .9rem;
}

.header .nav .logo h1 {
  font-size: .28rem;
}

.header .nav .menu {
  display: none;
  position: fixed;
  top: 113px;
  left: 0;
  height: calc(100vh - 113px);
  background: #334550;
  width: 100%;
  margin-left: 0;
  box-sizing: border-box;
  padding: 10px 0;
}

.header .nav .menu a {
  display: block;
  font-size: .32rem;
  line-height: 50px;
}

.header .nav .nav-icon {
  opacity: 1;
  top: -.05rem;
}

.header .nav .nav-icon {
  z-index: 11;
}

.header .nav .nav-icon.open span:first-child, .header .nav .nav-icon.open span:nth-child(4) {
  top: 19px;
  width: 0;
}

.header .nav .nav-icon.open span:nth-child(2) {
  transform: rotate(45deg);
}

.header .nav .nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.banner {
  height: auto;
  padding-top: 2.2rem;
  margin-bottom: 6rem;
}

.banner .swiper-container {
  height: 310px;
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .text {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.11);
  padding: 0;
  top: 6rem;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  width: 90%;
  box-sizing: border-box;
  padding: 1.6rem 1rem 1rem;
  text-align: center;
}

.banner .text h1 {
  font-weight: bold;
  font-size: .34rem;
}

.banner .text p {
  font-size: .28rem;
}

.banner .text .btn a {
  font-size: .28rem;
}

.home-container .home-product {
  padding-top: .8rem;
}

.home-container .home-product .title {
  margin-bottom: .6rem;
  font-size: .32rem;
}

.home-container .home-product .list .swiper-slide {
  width: 90%;
}

.home-container .home-product .list .swiper-slide .img {
  height: 3.4rem;
  padding: 1rem 0;
}

.home-container .home-product .list .swiper-slide .img img {
  height: 100%;
}

.home-container .home-product .list .swiper-slide h1 {
  font-size: .32rem;
}

.home-container .home-product .list .swiper-slide .btn span {
  font-size: .28rem;
  width: auto;
  padding: 0 .6rem;
  line-height: .7rem;
}

.home-container .introduction-qualification {
  margin-top: 1rem;
}

.home-container .introduction-qualification {
  display: block;
}

.home-container .introduction-qualification .item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem .6rem;
}

.home-container .introduction-qualification .item h1 {
  font-size: .32rem;
  margin-bottom: .3rem;
}

.home-container .introduction-qualification .item p {
  font-size: .28rem;
  margin-bottom: .3rem;
}

.home-container .introduction-qualification .item span {
  font-size: .28rem;
  width: auto;
  padding: 0 .6rem;
  line-height: .7rem;
}

.home-container .home-news {
  margin-top: 1rem;
  margin-bottom: .4rem;
}

.home-container .home-news .title {
  font-size: .32rem;
  margin-bottom: .6rem;
}

.home-container .home-news .list {
  display: block;
}

.home-container .home-news .kv {
  margin-bottom: .6rem;
}

.home-container .home-news .kv img {
  width: 100%;
}

.home-container .home-news .list .content .item {
  margin-top: .2rem;
}

.home-container .home-news .list .content .item .time {
  width: 1.6rem;
  margin-right: .3rem;
}

.home-container .home-news .list .content .item .time h1 {
  font-size: .32rem;
}

.home-container .home-news .list .content .item .time h2 {
  font-size: .28rem;
}

.home-container .home-news .list .content .item .time .border {
  border-right: 2px solid #f4f4f4;
}

.home-container .home-news .list .content .item .text {
  padding-bottom: .2rem;
  margin-bottom: .2rem;
}

.home-container .home-news .list .content .item .text h1 {
  font-size: .32rem;
  margin-bottom: .2rem;
}

.home-container .home-news .list .content .item .text p {
  font-size: .28rem;
  line-height: .4rem;
}

.home-tel {
  padding: .6rem 0 .6rem;
}

.home-tel .marginAuto {
  padding-left: .32rem;
}

.home-tel .icon {
  display: none;
}

.home-tel .text h1 {
  font-size: .32rem;
  margin-bottom: .2rem;
}

.home-tel .text p {
  font-size: .28rem;
}

.copyright {
  font-size: .28rem;
  line-height: .4rem;
  padding: .32rem .3rem;
}

.page-banner {
  margin-bottom: 0;
}

.product.padding .marginAuto {
  padding: .24rem;
}

.product .list .item {
  width: 100%;
}

.product .list .item h1 {
  font-size: .32rem;
}

.product .list .item .btn span {
  width: 2.5rem;
  font-size: .28rem;
  line-height: .7rem;
  border-radius: .1rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
}

.product .product-container {
  display: block;
}

.product .product-container .img img {
  width: 100%;
}

.product .product-container .product-container-list {
  margin-top: .2rem;
}

.product .product-container .product-container-list .head {
  font-size: .32rem;
  padding-left: 0;
  line-height: 1.6rem;
  margin-bottom: .32rem;
}

.product .product-container .product-container-list .item {
  height: auto !important;
  display: block;
  padding-bottom: .3rem;
  margin-bottom: .3rem;
}

.product .product-container .product-container-list .item .label {
  font-size: .32rem;
  display: block;
  width: 100%;
  text-align: left;
  padding: 0 .24rem;
}

.product .product-container .product-container-list .item .content {
  padding-left: 0;
  padding: .24rem;
}

.product .product-container .product-container-list .item .content p {
  font-size: .28rem;
}

.product .title, .enterprise-id .title, .news .title {
  font-size: .32rem;
  line-height: 1.4rem;
  margin-bottom: .4rem;
}

.product .marginAuto, .enterprise-id .marginAuto, .news .marginAuto {
  top: 0;
  padding: 0 .24rem;
}

.enterprise-id .list .item {
  margin-bottom: .32rem;
}

.enterprise-id .list .item img {
  width: 100%;
}

.news .list .item {
  width: 100%;
  padding-bottom: .4rem;
  margin-bottom: .4rem;
}

.news .list .item .border {
  padding-bottom: 0;
}

.news .list .item .border:nth-child(1n) {
  border-right: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.news .list .item:nth-child(2) {
  padding-left: 0;
}

.news .list .item h1 {
  font-size: .32rem;
  margin-bottom: .3rem;
}

.news .list .item p {
  font-size: .28rem;
}

.news .news-container {
  padding-bottom: 1rem;
}

.news .news-container .news-container-title h1 {
  font-size: .32rem;
  line-height: .6rem;
  margin-bottom: .32rem;
}

.news .news-container .news-container-title .time {
  font-size: .28rem;
}

.news .news-container .content img {
  width: 100%;
}

.news .news-container .content p {
  font-size: .28rem;
}